<template>
	<div>
		<Header>
			<div class="wrap" style="border: 1px dashed #888; border-radius: 10px; padding: 10px;">
				<p>“ 一万个小时定律 ”</p>
				<p style="color: #969696;">人们眼中的天才之所以卓越非凡，并非天资超人一等，而是付出了持续不断的努力。</p>
			</div>
			<hr>
			<div class="wrap">
				<p>要成为某个领域的专家，需要
					<span style="color:#e96900">10000</span>个小时。</p>
					<p>按比例计算就是：如果每天工作
						<span style="color:#e96900">8 </span>个小时，一周工作
						<span style="color:#e96900">5</span> 天，
					</p>
					<p>那么成为一个领域的专家至少需要
						<span style="color:#e96900">5</span> 年，
					</p>
					<p>这就是一万小时定律。</p>
					<p>
				</p>
			</div>
		</Header>
		<Content>
			<div class="card_content">
				<div class="biaotis">时间从来不语，只在悄然间流逝。</div>
			</div>
		</Content>
	</div>
</template>

<script>
import Header from '../components/Header.vue'
import Content from '../components/Content.vue'

export default {
	name: 'Article',
	components: {
		Header,
		Content,
	}
}
</script>

<style scoped>
	.card_content {
		width: 90%;
		margin: 0 auto;
		padding: 24px;
		border: 1px solid #AAAAAA;
		border-radius: 5px 5px 5px 5px;
		background-color: #282c34;
		color: rgba(255, 255, 255, 0.6);
	}
	.wrap p {
		font-size: 18px;
		margin: 15px auto;
	}
	.biaotis {
		margin: 10px auto;
		text-align: center;
	}
</style>